<template>
  <!-- 左侧导航 -->
  <el-aside width="200px" class="aside">
    <el-menu default-active="2" class="el-menu-vertical-demo" router>
      <el-menu-item v-for="v in items" :key="v.path" :index="v.path">
        <el-icon><icon-menu /></el-icon>
        <span>{{ v.title }}</span>
      </el-menu-item>
    </el-menu>
  </el-aside>
</template>

<script setup>
import { useMainStore } from "@/store/main";
import { Menu as IconMenu } from "@element-plus/icons-vue";
import { storeToRefs } from "pinia";

const mainStore = useMainStore();
const { nav: items } = storeToRefs(mainStore);
</script>
